<template>
  <div class="nav" :style="{ height: startPageHeight }">
    <img src="./../assets/img/icon.png" class="img" alt="">
  </div>
</template>

<script setup>
import { ref, onBeforeMount } from "vue";
let startPageHeight = ref("0");
const ratio = window.devicePixelRatio;
onBeforeMount(() => {
  // console.log(window.devicePixelRatio);
  startPageHeight.value = 60+ "px";
  console.log(startPageHeight.value);
});
</script>

<style>
.nav {
  background-color: #fff;
}

.img {
  height: 40px;
  line-height: 60px;
  margin-top: 10px;
  margin-left: 20px;
}
</style>
